<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <style>
        /*弹窗*/
        body {
            background: transparent;
        }
        .popBox {
        }
		.ttl {
			padding: 0.75rem;
			text-align:  center;
			font-size: 0.7rem;
		}
		.share {
			padding: 0 1rem 1rem;
		}
		.share li {
			width: 4.5rem;
			text-align: center;
			font-size: 0.6rem;
			color: #333;
		}
		.share li img {
			height: 2rem;
			width: auto;
			margin: 0 auto;
		}
		.cancelBtn {
			margin: 0 0.75rem;
			line-height: 2.5rem;
			color: #010101;
			font-size: 0.8rem;
			text-align: center;
		}
    </style>
</head>
<body>
    <div class="popOverlay" tapmode onClick="api.closeFrame();"></div>
    <div class="popBox btm" >
     	<div class="ttl">分享至</div>
		  <ul class="share aui-flex-col aui-flex-around">
			<li tapmode onclick="share('session')">
			  <div class="imgBox"><img src="../image/common/11.png" alt=""></div>
			  <div>微信好友</div>
			</li>
			<li tapmode onclick="share('timeline')">
			  <div class="imgBox"><img src="../image/common/10.png" alt=""></div>
			  <div>朋友圈</div>
			</li>
			<li class="copyBtn aui-hide">
			  <div class="imgBox"><img src="../image/common/09.png" alt=""></div>
			  <div>复制链接</div>
			</li>
		  </ul>
      	<div class="aui-border-t cancelBtn" tapmode onClick="api.closeFrame();">取消</div>
    </div>
</body>
<script type="text/javascript" src="../script/import.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {
		api.parseTapmode();
		if(api.pageParam.copyBtn){
			$$('.copyBtn').removeClass('aui-hide');
		}
	};
	function share(type){
		api.execScript({
			name: api.pageParam.wname,
			frameName: api.pageParam.fname,
			script: 'share("'+ type +'");'
		});
		api.closeFrame();
	}
</script>
</html>
